<template>
  <div class="header">
    <header-search />
    <header-cart />
    <span>你好，请登录 免费注册</span>
  </div>
</template>

<script>
import HeaderSearch from "./HeaderSearch.vue";
import HeaderCart from "./HeaderCart.vue";

export default {
  name: "Header",
  components: {
    HeaderSearch,
    HeaderCart,
  },

  computed: {
    // user模块带有命名空间
  },

  methods: {
    // user模块带有命名空间
  },
};
</script>
<style scoped>
.header {
  width: 100%;
  /*position: relative;*/
}
.header img {
  width: 200px;
  height: 60px;
  margin: auto;
}
.header span {
  margin-left: 20px;
}
.header a {
  text-decoration: none;
  color: red;
}
</style>
